在最近的项目里，我需要在 DOM 树向上查找拥有某个class, ID, 或者 data 属性的第一个元素。 我知道用 jQuery 实现这个功能简直小菜一碟，但今天我想分享一下用原生 JavaScript 方法实现 jQuery 里的 . ...

假设你正在做一个简单的搜索表单，用户在输入框中输入关键词，然后点击按钮进行搜索。 大概长这样： 搜他丫的 这里有个要求，搜索按钮应该只在搜索框有内容时才 ...

首先开篇之前先提个问题： 为什么Flex box跟Grid box的是以start、end为排列规则，而不是常规的top 、right 、bottom 跟left？ 先不要急着往下翻，大家先思考一下。 这个问题的答案，鱼头会在文章中给出，欢 ...

昨天看了一道面试题，说如何管理 CSS 代码；它谈到了君子协定BEM 规范（然后楼主就说自己马上就拿到 offer 了?）。但是，BEM 规范说实在已经不够接地气了，现代 CSS 开发的基调是模块化。这期就借此谈谈在 vue 项目中管理 C ...

某UI萌妹子想入坑，特整理了一份初级前端高频面试题。 自学前端在刚入门时面试是最艰难的阶段，本章内容都是从各大平台网站汇总过来的，不包含各种源码知识，不至于出现不懂的内容。 一、什么是MVVM？ MVVM是Model-View-ViewM ...

听到前端技术，不少朋友一定会感到有些陌生。但其实，前端，你每天都在接触。 你正在使用的APP，你正在浏览的网页，这些你能看到的界面，都属于前端。 而前端最重要的三大技术，HTML，CSS，JavaScript，则是每一个前端开发者必须具备的 ...

JavaScript框架，库和工具似乎比他们的开发人员多出很多。在2018年底，对GitHub的快速搜索显示了 230 万个JavaScript项目。 npm 已经成为世界上最大的模块系统，在 npmjs.com 上有70万个可用包，每个月 ...

作为前端，我们每天都在与CSS打交道，那么CSS的原理是什么呢？一、浏览器渲染开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，HTML Parser 生成的 DOM 树； ...

发现很多选择器已经忘了叫啥了，借此看一下MDN的文档，本文只是抛砖引玉，记录下阅读过程中的一些新知识，或是当作以后查阅的手册。文档地址 1. 通配选择器 一个星号()就是一个通配选择器.它可以匹配任意类型的HTML元素.在配合其他简单选择 ...

作者：B2D1https://juejin.im/post/5e66ecdee51d45270c27916d前言Hi~，我是 2020 届物联网专业毕业生，现就读于杭州。谨以此文来记录我的秋招以及入门前端以来的学习历程，如有错误，希望大家能 ...